<template>
	<view class="box">
		<view class="m-t10">
			<search :cityIcon="false" :disabled="false" :showAction="true" />
		</view>

		<view class="title m-t30 bold">搜索历史</view>
		<view class="searchHistory u-flex flex-start flex-grow m-t10 flex-wrap">
			<view class="m-r30 m-t10"> <u-tag text="火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="周师兄火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="小吃" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="周师兄火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="小吃" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="周师兄火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="小吃" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
		</view>

		<view class="title bold" style="margin-top: 40px">热门搜索</view>
		<view class="searchHistory u-flex flex-start flex-grow m-t10">
			<view class="m-r30 m-t10"> <u-tag text="火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="周师兄火锅" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
			<view class="m-r30 m-t10"> <u-tag text="小吃" plain size="mini" color="#aaa" borderColor="#aaa" shape="circle" @click.stop="tagEventClick"></u-tag></view>
		</view>
	</view>
</template>

<script setup lang="ts">
import search from '@/components/search.vue';

const tagEventClick = () => {
	console.log('标签点击');
};
</script>

<style lang="scss">
.title {
	font-size: 32rpx;
	color: #aaa;
}
</style>
